.advantages { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0; }
.advantages .wrapper { width: 1450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .advantages .wrapper { width: 100%; padding: 0 30px; } }
.advantages .wrapper h2 { color: #333333; font-size: 65px; width: 70%; }
@media screen and (max-width: 1025px) { .advantages .wrapper h2 { width: 100%; font-size: 36px; } }
.advantages .wrapper .content { margin: 40px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.advantages .wrapper .content .advantage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(50% - 30px); margin: 80px 0 0 0; }
@media screen and (max-width: 1000px) { .advantages .wrapper .content .advantage { width: 100%; margin: 40px 0 0 0; } }
.advantages .wrapper .content .advantage .desc { padding: 10px 0 10px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }
.advantages .wrapper .content .advantage .desc h3 { color: #333333; opacity: 0.6; font-size: 36px; }
@media screen and (max-width: 1025px) { .advantages .wrapper .content .advantage .desc h3 { font-size: 24px; } }
.advantages .wrapper .content .advantage .desc p { color: #333333; margin: 15px 0 0 0; width: 85%; font-size: 16px; opacity: 0.6; letter-spacing: 0.2px; line-height: 22px; }
@media screen and (max-width: 820px) { .advantages .wrapper .content .advantage .desc p { width: 100%; } }
.advantages .wrapper .content .advantage .desc:before { content: ""; background-color: #ffe183; display: block; width: 12px; height: 100%; z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; left: 0; position: absolute; }